<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="verify-v1" content="Y5vj2OiQqXigk3PuqZ3Lo75DyrIpnPrrV1+U6bBc2A8="/>
    <meta name="y_key" content="8b599710ad81f61e"/>
    <meta name="author" content="Thiago Sampaio"/>
    <meta name="DC.title" content="www.sampcode.com"/>
    <meta name="robots" content="ALL"/>
    <meta name="distribution" content="Global"/>
    <meta name="rating" content="General"/>
    <meta name="doc-class" content="Completed"/>
    <meta name="description" content="Um simples supervisor..."/>
    <link rel="icon" type="image/x-icon" href="../img/favicon.ico"/>
    <title>SpasaAnalytics</title>

    <style type="text/css" media="screen">
        @import "/stylesheets/estilos/base.css";
                @import "/stylesheets/estilos/estilos.css";
                @import "/stylesheets/estilos/datePicker.css";
    </style>

    <!--[if lte IE 6]>
    <style type="text/css" media="screen">
       @import "/stylesheets/estilos/hacks_ie6.css"; /* Hacks para Internet Explorer 6 */
     </style>
    <![endif]-->
    <!--[if IE 7]>
    <style type="text/css" media="screen">
       @import "/stylesheets/estilos/hacks_ie7.css"; /* Hacks para Internet Explorer 7 */
     </style>
    <![endif]-->
    <script src="/javascripts/prototype.js?1254270242" type="text/javascript"></script>
<script src="/javascripts/effects.js?1254270242" type="text/javascript"></script>
<script src="/javascripts/dragdrop.js?1254270242" type="text/javascript"></script>
<script src="/javascripts/controls.js?1254270242" type="text/javascript"></script>
<script src="/javascripts/widgets/tooltip.js?1254271258" type="text/javascript"></script>
<script src="/javascripts/application.js?1254270242" type="text/javascript"></script>
    <script src="/javascripts/active_scaffold/default/active_scaffold.js?1254274600" type="text/javascript"></script>
<script src="/javascripts/active_scaffold/default/dhtml_history.js?1254274600" type="text/javascript"></script>
<script src="/javascripts/active_scaffold/default/form_enhancements.js?1254274600" type="text/javascript"></script>
<script src="/javascripts/active_scaffold/default/rico_corner.js?1254274600" type="text/javascript"></script>
<link href="/stylesheets/active_scaffold/default/stylesheet.css?1254274600" media="screen" rel="stylesheet" type="text/css" />
<!--[if IE]><link href="/stylesheets/active_scaffold/default/stylesheet-ie.css?1254274600" media="screen" rel="stylesheet" type="text/css" /><![endif]-->

    <script src="/javascripts/utils.js?1254270242" type="text/javascript"></script>
    <script src="/javascripts/livevalidation.js?1254270242" type="text/javascript"></script>

    <script type="text/javascript" src="/javascripts/Jquery/jquery-1.2.6.min.js"></script>
	
    <script type="text/javascript" src="/javascripts/Jquery/jquery.caps.js"></script>
    <script type="text/javascript" src="/javascripts/Jquery/jquery.bgiframe.pack.js"></script>
    <script type="text/javascript" src="/javascripts/Jquery/jquery.tablesorter.min.js"></script>
    <script type="text/javascript" src="/javascripts/Jquery/jquery.tablesorter.pager.js"></script>
    <script type="text/javascript" src="/javascripts/Jquery/jquery.metadata.min.js"></script>
    <script type="text/javascript" src="/javascripts/Jquery/date.js"></script>
    <script type="text/javascript" src="/javascripts/Jquery/jquery.datePicker.js"></script>
    <script type="text/javascript" src="/javascripts/Jquery/inicializacao.js"></script>
    <!--[if lte IE 6]>
    <script type="text/javascript" src="/javascripts/Jquery/menu.ie6.js"></script>
    <![endif]-->	

</head>
<body onload="javascript:jQuery.noConflict();">

<div id="container">

    <div id="topo">

        <div id="menuInstitucional" class="menu menuHorizontal">

            <ul>
                <li class="primeiro">Bem-vindo <a href="#">ADMIN</a></li>
                <li><a href="#">Início</a></li>
                <li><a href="#">Sobre</a></li>
                <li class="ultimo"><a href="#">Contato</a></li>
            </ul>

        </div>
        <!-- /#menuInstitucional -->

        <h1><a href="index.html" class="IR" title="Voltar para a pÃ¡gina Inicial">SpasaAnalytics v1 beta</a></h1>

        <div id="menuPrincipal" class="menu menuHorizontal">

            <ul>
                <li class="primeiro"><a href="#">Início</a></li>
                <li class="itemPai">
                    <a href="#" class="itemPai">CELCLI</a>

                    <div class="subMenu">
                        <ul>
                            <li class="primeiro"><a href="/transportes/new">Novo Transporte</a></li>
                            <li><a href="/transportes/celcli">Editar Transporte</a></li>
                        </ul>
                    </div>
                    <!-- /.subMenu -->
                </li>

                <li class="itemPai">
                    <a href="#" class="itemPai">WM</a>

                    <div class="subMenu">
                        <ul>
                            <li class="primeiro"><a href="/transportes/wm">Editar Transporte</a></li>
                        </ul>
                    </div>
                    <!-- /.subMenu -->
                </li>

                <li class="itemPai">
                    <a href="#" class="itemPai">Transportes</a>

                    <div class="subMenu">
                        <ul>
                            <li class="primeiro"><a href="/transportes/gerais">Gerais</a></li>
                            <li><a href="/transportes/cancelados">Cancelados</a></li>
                            <li class="ultimo"><a href="/transportes/liberados">Liberados</a></li>
							<li class="ultimo"><a href="/transportes/faturados">Faturados</a></li>
                        </ul>
                    </div>
                    <!-- /.subMenu -->
                </li>

                <li class="itemPai">
                    <a href="#" class="itemPai">Paineis</a>

                    <div class="subMenu">
                        <ul>
							<li class="primeiro"><a href="/paineis/celcligerais">Celcli</a></li>
                            <li><a href="/paineis/wm">Geração</a></li>
                            <li><a href="/paineis/celcli">BOX</a></li>
                            <li class="ultimo"><a href="/paineis/resumo">Resumo</a></li>
							<li class="ultimo"><a href="/paineis/faturamentos">Faturamento Mensal</a></li>
                        </ul>
                    </div>
                    <!-- /.subMenu -->
                </li>

                <li class="itemPai">
                    <a href="#" class="itemPai">Consultas</a>

                    <div class="subMenu">
                        <ul>
							<li class="primeiro"><a href="/transportes/faturadosmes">Faturado Mês</a></li>
                            <li><a href="/transportes/faturadosdia">Faturado Dia</a></li>
                            <li class="ultimo"><a href="/historicos/faturamento_acumulados">Faturado Hora</a></li>
                        </ul>
                    </div>
                    <!-- /.subMenu -->
                </li>				


                <li class="itemPai">
                    <a href="#" class="itemPai">Manutenção</a>

                    <div class="subMenu">
                        <ul>
                            <li class="primeiro"><a href="/settings">Configurações</a></li>
                            <li><a href="/depositos">Depósitos</a></li>
                            <li><a href="/destinos">Itinerários</a></li>
                            <li><a href="/ac_users">Usuários</a></li>
                            <li><a href="/tipos">Tipo de Envio</a></li>
                            <li><a href="/transportadoras">Transportadora</a></li>
                            <li><a href="/fatants">Faturamentos Anteriores</a></li>
                            <li class="ultimo"><a href="/statuses">Status</a></li>
                        </ul>
                    </div>
                    <!-- /.subMenu -->
                </li>

                <li class="ultimo"><a href="/logout">Sair</a></li>
            </ul>

        </div>
        <!-- /#menuPrincipal -->

    </div>
    <!-- /#topo -->
    <div id="center">
        <!-- a div #center Ã© uma div auxiliar na criaÃ§Ã£o do layout -->
        <div class="detalhe1">
            <!-- a div com a classe detalhe1 serve apenas para ajustar a formatacao da pagina -->
            <div class="detalhe2">
                <!-- a div com a classe detalhe2 serve apenas para ajustar a formatacao da pagina -->
                <div id="conteudo">
                    
                    <span class='title_page'>Novo Transporte</span>

<form action="/transportes" class="new_transporte" id="new_transporte" method="post">

    <fieldset class="colunas">

        <div class="coluna-1">
            <p>
                <label for="transporte_ndt">NDT:</label><br/>
                <input class="input-text-layout" id="transporte_ndt" name="transporte[ndt]" ondrop="return false;" onkeyup="javascript:somente_numero(this);" onpaste="return false;" size="30" type="text" />
                <input id="ndt_hidden" name="ndt_hidden" type="hidden" />
            </p>
        </div>
	<div class="coluna-1" style="float:right; width:100px;">
            <p>
                <label for="cxs">Cxs.:</label> <br/>
                <input class="input-text-layout txt_soma_cxs" id="transporte_cxs" maxlength="10" name="transporte[cxs]" onkeyup="javascript:somente_numero(this);" readonly="readonly" size="10" tabindex="999" type="text" />
            </p>		
	</div>		
	<div class="coluna-1" style="float:right; width:100px;">
            <p>
                <label for="pares">Pares:</label> <br/>
                <input class="input-text-layout txt_soma_pares" id="transporte_pares" maxlength="10" name="transporte[pares]" onkeyup="javascript:somente_numero(this);" readonly="readonly" size="10" tabindex="999" type="text" />
            </p>
	</div>	
		
        <!-- /.coluna-1 -->

    </fieldset>

    <fieldset class="colunas">
        <table class="main_table" id="main_table"><tbody><tr><td>
            <div class="coluna-1">
                <p>
                    <input class="checkBoxDeposito input-checkbox" id="deposito_1_checkbox" name="deposito_1[checkbox]" onclick="javascript:habilitaTextField(1);clickou(1);" type="checkbox" value="1" /><input name="deposito_1[checkbox]" type="hidden" value="0" />
                    <label for="aurora">AURORA</label>
                </p>

                <div id="sub-1" class="subOpcoes new">
                    <p class="new">
                        <label for="paresAurora">Pares:</label> <br/>
                        <input class="input-text-layout txt_pares" disabled="disabled" id="deposito_1_quantidade" maxlength="8" name="deposito_1[quantidade]" ondrop="return false;" onkeyup="javascript:somente_numero(this); soma_pares();" onpaste="return false;" size="8" type="text" />
                    </p>

                    <p class="new">
                        <label for="cxsAurora">CXS:</label> <br/>
                        <input class="input-text-layout txt_cxs" disabled="disabled" id="deposito_1_quantidade_cxs" maxlength="8" name="deposito_1[quantidade_cxs]" ondrop="return false;" onkeyup="javascript:somente_numero(this); soma_cxs();" onpaste="return false;" size="8" type="text" />
                    </p>
                    <input id="deposito_1_box" name="deposito_1[box]" type="hidden" value="0" />
                    <!--<p>-->
                        <!--<label for="boxAurora">BOX:</label> <br/>-->
                         <!--<select class="comboBox" disabled="disabled" id="deposito_1_box" name="deposito_1[box]"><option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option></select> -->
                    <!--</p>-->
                    <br class="clear"/>
                </div>

                </p>
            </div>
        </td><td>
            <div class="coluna-1">
                <p>
                    <input class="checkBoxDeposito input-checkbox" id="deposito_2_checkbox" name="deposito_2[checkbox]" onclick="javascript:habilitaTextField(2);clickou(2);" type="checkbox" value="2" /><input name="deposito_2[checkbox]" type="hidden" value="0" />
                    <label for="aurora">VIPEX</label>
                </p>

                <div id="sub-2" class="subOpcoes new">
                    <p class="new">
                        <label for="paresAurora">Pares:</label> <br/>
                        <input class="input-text-layout txt_pares" disabled="disabled" id="deposito_2_quantidade" maxlength="8" name="deposito_2[quantidade]" ondrop="return false;" onkeyup="javascript:somente_numero(this); soma_pares();" onpaste="return false;" size="8" type="text" />
                    </p>

                    <p class="new">
                        <label for="cxsAurora">CXS:</label> <br/>
                        <input class="input-text-layout txt_cxs" disabled="disabled" id="deposito_2_quantidade_cxs" maxlength="8" name="deposito_2[quantidade_cxs]" ondrop="return false;" onkeyup="javascript:somente_numero(this); soma_cxs();" onpaste="return false;" size="8" type="text" />
                    </p>
                    <input id="deposito_2_box" name="deposito_2[box]" type="hidden" value="0" />
                    <!--<p>-->
                        <!--<label for="boxAurora">BOX:</label> <br/>-->
                         <!--<select class="comboBox" disabled="disabled" id="deposito_2_box" name="deposito_2[box]"><option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option></select> -->
                    <!--</p>-->
                    <br class="clear"/>
                </div>

                </p>
            </div>
        </td><td>
            <div class="coluna-1">
                <p>
                    <input class="checkBoxDeposito input-checkbox" id="deposito_3_checkbox" name="deposito_3[checkbox]" onclick="javascript:habilitaTextField(3);clickou(3);" type="checkbox" value="3" /><input name="deposito_3[checkbox]" type="hidden" value="0" />
                    <label for="aurora">CD</label>
                </p>

                <div id="sub-3" class="subOpcoes new">
                    <p class="new">
                        <label for="paresAurora">Pares:</label> <br/>
                        <input class="input-text-layout txt_pares" disabled="disabled" id="deposito_3_quantidade" maxlength="8" name="deposito_3[quantidade]" ondrop="return false;" onkeyup="javascript:somente_numero(this); soma_pares();" onpaste="return false;" size="8" type="text" />
                    </p>

                    <p class="new">
                        <label for="cxsAurora">CXS:</label> <br/>
                        <input class="input-text-layout txt_cxs" disabled="disabled" id="deposito_3_quantidade_cxs" maxlength="8" name="deposito_3[quantidade_cxs]" ondrop="return false;" onkeyup="javascript:somente_numero(this); soma_cxs();" onpaste="return false;" size="8" type="text" />
                    </p>
                    <input id="deposito_3_box" name="deposito_3[box]" type="hidden" value="0" />
                    <!--<p>-->
                        <!--<label for="boxAurora">BOX:</label> <br/>-->
                         <!--<select class="comboBox" disabled="disabled" id="deposito_3_box" name="deposito_3[box]"><option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option></select> -->
                    <!--</p>-->
                    <br class="clear"/>
                </div>

                </p>
            </div>
        </td><td>
            <div class="coluna-1">
                <p>
                    <input class="checkBoxDeposito input-checkbox" id="deposito_4_checkbox" name="deposito_4[checkbox]" onclick="javascript:habilitaTextField(4);clickou(4);" type="checkbox" value="4" /><input name="deposito_4[checkbox]" type="hidden" value="0" />
                    <label for="aurora">BAYEUX</label>
                </p>

                <div id="sub-4" class="subOpcoes new">
                    <p class="new">
                        <label for="paresAurora">Pares:</label> <br/>
                        <input class="input-text-layout txt_pares" disabled="disabled" id="deposito_4_quantidade" maxlength="8" name="deposito_4[quantidade]" ondrop="return false;" onkeyup="javascript:somente_numero(this); soma_pares();" onpaste="return false;" size="8" type="text" />
                    </p>

                    <p class="new">
                        <label for="cxsAurora">CXS:</label> <br/>
                        <input class="input-text-layout txt_cxs" disabled="disabled" id="deposito_4_quantidade_cxs" maxlength="8" name="deposito_4[quantidade_cxs]" ondrop="return false;" onkeyup="javascript:somente_numero(this); soma_cxs();" onpaste="return false;" size="8" type="text" />
                    </p>
                    <input id="deposito_4_box" name="deposito_4[box]" type="hidden" value="0" />
                    <!--<p>-->
                        <!--<label for="boxAurora">BOX:</label> <br/>-->
                         <!--<select class="comboBox" disabled="disabled" id="deposito_4_box" name="deposito_4[box]"><option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option></select> -->
                    <!--</p>-->
                    <br class="clear"/>
                </div>

                </p>
            </div>
        </td></tr></tbody></table>
    </fieldset>



    <fieldset class="colunas">
        <div class="coluna-1">

            <p>
                <label for="destino">Itinerário:</label> <br/>
                <select class="comboBox" id="transporte_destino" name="transporte[destino]"><option value=""></option>
<option value="1">PECE100</option>
<option value="2">SP</option>
<option value="3">RJ</option>
<option value="4">MG</option>
<option value="5">NE</option>
<option value="6">NORTE</option>
<option value="7">SSZ</option>
<option value="8">SUAPE</option>
<option value="9">GRU</option>
<option value="10">PR</option>
<option value="11">G.MIRIN</option>
<option value="12">MOGI</option>
<option value="13">MANAUS</option>
<option value="14">PE</option></select>
            </p>

            <p>
                <label for="transportadora">Transportadora:</label> <br/>
                <select class="comboBox" id="transporte_transportadora" name="transporte[transportadora]"><option value=""></option>
<option value="1">COMETA</option>
<option value="2">COOP</option>
<option value="3">JPN</option>
<option value="4">UNILOG</option>
<option value="5">ALPANOR</option>
<option value="6">INTERCARGAS</option>
<option value="7">TRASQUILOkg</option></select>
            </p>

            <p>
                <label for="tipo">Tipo:</label> <br/>
                <select class="comboBox" id="transporte_tipo" name="transporte[tipo]"><option value=""></option>
<option value="1">SEDEX10</option>
<option value="2">DIR</option>
<option value="3">RED</option>
<option value="4">AEREO</option></select>
            </p>
            
        </div>
        <!-- /.coluna-1 -->

        <div class="coluna-1">

            <p>
                <label for="data">Data de Criação:</label> <br/>
                <input class="input-text-layout selecionaDataCriacao dp-applied" id="transporte_created_at" maxlength="10" name="transporte[created_at]" onFocus="" ondrop="return false" onkeypress="Mascara('DATA',this,event);" onpaste="return false" order="daymonthyear" size="10" type="text" value="29/09/2009" />
            </p>

            <p>
                <label for="volume">Cubagem:</label> <br/>
                <input class="input-text-layout" id="transporte_m" maxlength="10" name="transporte[m]" ondrop="return false" onkeyup="javascript:somente_numero(this);" onpaste="return false" size="10" type="text" />
            </p>

            <p>
                <label for="peso">Peso:</label> <br/>
                <input class="input-text-layout" id="transporte_peso" maxlength="10" name="transporte[peso]" ondrop="return false" onkeyup="javascript:somente_numero(this);" onpaste="return false" size="10" type="text" />
            </p>

        </div>
        <!-- /.coluna-1 -->

        <div class="coluna-1">

            <p>
                <label for="cxs">Obs.:</label> <br/>
                <input class="input-text-layout" id="transporte_obs_trans" maxlength="50" name="transporte[obs_trans]" size="40" type="text" />
            </p>

            <p>
                <label for="itinerario">Destino:</label> <br/>
                <input class="input-text-layout" id="transporte_itinerario" maxlength="10" name="transporte[itinerario]" size="10" tabindex="999" type="text" />
            </p>

            <p>
                <input class="input-checkbox" id="transporte_etiqueta" name="transporte[etiqueta]" type="checkbox" value="1" /><input name="transporte[etiqueta]" type="hidden" value="0" />
                <label for="etq">Etiqueta:</label>
            </p>

            <p>
                <input class="input-checkbox" id="transporte_carro" name="transporte[carro]" type="checkbox" value="1" /><input name="transporte[carro]" type="hidden" value="0" />
                <label for="etq">Carro:</label>
            </p>

        </div>
        <!-- /.coluna-1 -->
        <br class="clear"/>
    </fieldset>
    <p class="tcen">
        <input class="input-submit" onclick="salvar(4);" type="button" value="Salvar" />
		<input class="input-submit" onclick="javascript:window.history.go(-1);" type="button" value="Voltar" />			
    </p>

	<input id="hoje" name="hoje" type="hidden" value="29/09/2009" />	
</form>

<script type="text/javascript">
/*
// Campos Obrigatórios
//Nº do Transporte
var transporte_ndt = new LiveValidation('transporte_ndt',{validMessage: "√"} );
transporte_ndt.add( Validate.Presence, {failureMessage: "X"});

//Data de criação
var transporte_created_at = new LiveValidation('transporte_created_at',{validMessage: "√"} );
transporte_created_at.add( Validate.Presence, {failureMessage: "X"});

//Pares
var transporte_pares = new LiveValidation('transporte_pares',{validMessage: "√"} );
transporte_pares.add( Validate.Presence, {failureMessage: "X"});

//Cxs
var transporte_cxs = new LiveValidation('transporte_cxs',{validMessage: "√"} );
transporte_cxs.add( Validate.Presence, {failureMessage: "X"});

//Volume
var transporte_m = new LiveValidation('transporte_m',{validMessage: "√"} );
transporte_m.add( Validate.Presence, {failureMessage: "X"});

//Peso
var transporte_peso = new LiveValidation('transporte_peso',{validMessage: "√"} );
transporte_peso.add( Validate.Presence, {failureMessage: "X"});

//Destino
var transporte_destino = new LiveValidation('transporte_destino',{validMessage: "√"} );
transporte_destino.add( Validate.Presence, {failureMessage: "X"});

//Tipo
var transporte_tipo = new LiveValidation('transporte_tipo',{validMessage: "√"} );
transporte_tipo.add( Validate.Presence, {failureMessage: "X"});

//Transportadora
var transporte_transportadora = new LiveValidation('transporte_transportadora',{validMessage: "√"} );
transporte_transportadora.add( Validate.Presence, {failureMessage: "X"});
*/

Event.observe(window, 'load',
    function() {
        
            $('sub-1').hide();
        
            $('sub-2').hide();
        
            $('sub-3').hide();
        
            $('sub-4').hide();
        
		jQuery.noConflict();
    }
);

function clickou(tamanho){
    Effect.toggle('sub-'+tamanho, 'appear');
}


function naoExisteNdt(msg){
	var ndt = $F('transporte_ndt');
	var flag = "";
	
	return jQuery.post("/transportes/existendt/"+ndt,
	  function(data){
		var retorno = jQuery(data, 'ndt').text();
		if(retorno == 1){
			alert(msg);
			return false;
		}else{
			document.forms[0].submit()		
			return true;
		}
	});		
}

function validaDepositos(tamanho){
        var resultado = new Boolean(false);
        var marcado = new Boolean(false);
	
		$$('input.checkBoxDeposito').each(
			function(ch){
                if (ch != null && ch.checked == true){
					marcado = true;
				}		
			}
		);	

        if (marcado == true){
                for (var i=1;i<=tamanho;i++){
                        txt_quantidade = document.getElementById('deposito_' + i + '_quantidade');
                        txt_quantidade_cxs = document.getElementById('deposito_' + i + '_quantidade_cxs');
                        txt_box = document.getElementById('deposito_' + i + '_box');
                        if (txt_quantidade != null && txt_quantidade.disabled == false && txt_quantidade.value == ""){
                                resultado = true;
						}
                        
                        if (txt_quantidade_cxs != null && txt_quantidade_cxs.disabled == false && txt_quantidade_cxs.value == ""){
                                resultado = true;
						}
				}
                if (resultado == true){
					return false;
				}else{
					return true;
				}
		}else{
			return false;
		}
}		

function salvar(tamanho){
        if (checarPorBrancos(
			$('transporte_ndt'), "Número de Transporte",
			$('transporte_destino'), "Itinerário",
			$('transporte_transportadora'), "Transportadora",
			$('transporte_tipo'), "Tipo",
			$('transporte_created_at'), "Data de Criação",
			$('transporte_m'), "Volume",
			$('transporte_peso'), "Peso")){
			
			if(!validaDepositos(tamanho)){
				alert("É nencessário que seja preenchido todas as informações sobre os depósitos!");				
			}else{
				if(validaData($('transporte_created_at'),"A data está inválida")
				&& isBigger2Igualdade($F('hoje'),$F('transporte_created_at'),"A data de criação do DT não pode ser maior que hoje."))
				
					//naoExisteNdt("Número de Trasnporte ja existe.");
					document.forms[0].submit()
				
			}
		}

}
function soma_pares(tamanho){
		var resultado = new Number(0);
		$$('input.txt_pares').each(
			function(txt){
				var valor = new Number(txt.value);
				resultado = resultado + valor;					
			}
		);
		if (resultado != 0){
			$('transporte_pares').value = resultado;
		}else{
			$('transporte_pares').value = "";
		}
}		

function soma_cxs(tamanho){
		var resultado = new Number(0);
		$$('input.txt_cxs').each(
			function(txt){
				var valor = new Number(txt.value);
				resultado = resultado + valor;					
			}
		);
		if (resultado != 0){
			$('transporte_cxs').value = resultado;
		}else{
			$('transporte_cxs').value = "";
		}
}

function habilitaTextField(campo_id){
var id_qua = "deposito_"+ campo_id + "_quantidade";
var id_qua_cxs = "deposito_"+ campo_id + "_quantidade_cxs";
var id_box = "deposito_" + campo_id + "_box";
ch = document.getElementById("deposito_"+campo_id+"_checkbox");
txt_qua = document.getElementById(id_qua);
txt_qua_cxs = document.getElementById(id_qua_cxs);
txt_box = document.getElementById(id_box);
pares = document.getElementById('transporte_pares');

if (ch.checked){
        txt_qua.disabled = false;
        txt_qua_cxs.disabled = false;
        txt_box.disabled = false
        }else{
txt_qua.disabled = true;
txt_qua.value = "";
txt_qua_cxs.disabled = true;
txt_qua_cxs.value = "";
txt_box.disabled = true;
txt_box.value = "";
soma_pares(4);
soma_cxs(4);
}
}
function somente_numero(campo){
        var digits="0123456789"
        var campo_temp
        for (var i=0;i<campo.value.length;i++){
                campo_temp=campo.value.substring(i,i+1)
                if (digits.indexOf(campo_temp)==-1){
                        campo.value = campo.value.substring(0,i);
                        break;
                        }
                }
        }

function Mascara(tipo, campo, teclaPress) {
        if (window.event)
                {
                        var tecla = teclaPress.keyCode;
                        } else {
                tecla = teclaPress.which;
                }

        var s = new String(campo.value);
        // Remove todos os caracteres à seguir: ( ) / - . e espaço, para tratar a string denovo.
        s = s.replace(/(\.|\(|\)|\/|\-| )+/g,'');
        tam = s.length + 1;
        if ( tecla != 9 && tecla != 8 ) {
                switch (tipo)
                        {
                        case 'CPF' :
                                if (tam > 3 && tam < 7)
                                        campo.value = s.substr(0,3) + '.' + s.substr(3, tam);
                                if (tam >= 7 && tam < 10)
                                        campo.value = s.substr(0,3) + '.' + s.substr(3,3) + '.' + s.substr(6,tam-6);
                                if (tam >= 10 && tam < 12)
                                        campo.value = s.substr(0,3) + '.' + s.substr(3,3) + '.' + s.substr(6,3) + '-' + s.substr(9,tam-9);
                                break;
                        case 'CNPJ' :

                                if (tam > 2 && tam < 6)
                                        campo.value = s.substr(0,2) + '.' + s.substr(2, tam);
                                if (tam >= 6 && tam < 9)
                                        campo.value = s.substr(0,2) + '.' + s.substr(2,3) + '.' + s.substr(5,tam-5);
                                if (tam >= 9 && tam < 13)
                                        campo.value = s.substr(0,2) + '.' + s.substr(2,3) + '.' + s.substr(5,3) + '/' + s.substr(8,tam-8);
                                if (tam >= 13 && tam < 15)
                                        campo.value = s.substr(0,2) + '.' + s.substr(2,3) + '.' + s.substr(5,3) + '/' + s.substr(8,4)+ '-' + s.substr(12,tam-12);
                                break;

                        case 'TEL' :
                                if (tam > 2 && tam < 4)
                                        campo.value = '(' + s.substr(0,2) + ') ' + s.substr(2,tam);
                                if (tam >= 7 && tam < 11)
                                        campo.value = '(' + s.substr(0,2) + ') ' + s.substr(2,4) + '-' + s.substr(6,tam-6);
                                break;
                        case 'DATA' :
                                if (tam > 2 && tam < 4)
                                        campo.value = s.substr(0,2) + '/' + s.substr(2, tam);
                                if (tam > 4 && tam < 10)
                                        campo.value = s.substr(0,2) + '/' + s.substr(2,2) + '/' + s.substr(4,tam-4);
                                break;
                        }
                }
        }
</script>		
                </div>
                <!-- /#conteudo -->
            </div>
            <!-- /.detalhe2 -->
        </div>
        <!-- /.detalhe1  -->

    </div>
    <!-- /#center -->


    <div id="rodape">
        <div class="detalhe">
            <p class="copyright">
				Copyright &copy; 2008 <a href="#">Sampcode</a> | Todos os Direitos Reservados
			</p>			
        </div>
        <!-- /.detalhe -->
    </div>
    <!-- rodape -->

</div>
<!-- /#container -->

</body>
</html>
